<template>
<div class="box-top">
    <el-form>
        <el-form-item label="操作人">
            <el-input clearable placeholder="请输入操作人" v-model="queryForm.username"></el-input>
        </el-form-item>
        <el-form-item label="操作描述">
            <el-input clearable placeholder="请输入操作描述" v-model="queryForm.operation"></el-input>
        </el-form-item>
        <el-form-item label="操作地点">
            <el-input clearable placeholder="请输入操作地点" v-model="queryForm.location"></el-input>
        </el-form-item>
        <el-form-item label="操作时间">
            <el-date-picker clearable v-model="queryForm.time" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
        </el-form-item>
        <el-form-item>
            <el-button type="primary" v-preventReClick="2000" @click="$emit('search')">查询</el-button>
            <el-button @click="$emit('reset')">重置</el-button>
        </el-form-item>
    </el-form>
</div>
</template>

<script>
export default {
    name: 'ProjectsQuery',
    props: {
        queryForm: {
            type: Object,
            required: true
        }
    }
}
</script>
